<template>
    <div v-infinite-scroll="loadMore" infinite-scroll-distance="10" class="load-more" infinite-scroll-disabled="busy">
        <slot></slot>
    </div>
</template>
<script>
var infiniteScroll=require('vue-infinite-scroll');

module.exports={
    props:['busy'],
    directives:{infiniteScroll:infiniteScroll},
    data:function () {
        return{

        }
    },
    methods:{
        loadMore:function () {
            this.$emit('load')
        }
    }
}
</script>
<style>
.load-more{
    text-align: center;
    font-size: 20px;
    color: #ccc;
}
</style>